$(function () {
  // 获取当前用户信息
  getUserInfo();

//   退出按钮绑定事件
  $('#btn_logout').on('click', function () {
    layer.confirm('确认退出登录吗？', {icon: 3, title: '提示'}, function (index) {

      // 退出的逻辑
      // 清除token
      localStorage.removeItem('token');

      // 跳转到登录界面
      location.href = '/login.html';
      layer.close(index);
    });
  })
})

// getUserinfo方法定义在全局，就会挂载到window上，方便其他地方进行获取
function getUserInfo() {
  console.log('22')
//  获取用户信息
  $.ajax({
    url: '/my/userinfo',
    type: 'GET',
    success(res) {

      // 响应成功的时候执行
      if (res.status !== 0) {
        return layer.msg(res.message || '获取用户信息失败');
      }
      renderAvatar(res.data);
    }
  })
}

function renderAvatar(user) {
  // 优先展示昵称
  const username = user.nickname || user.username;
  $('#welcome').html(`欢迎 ${username}`);

  if (user.user_pic) {
    // 有头像
    $('.layui-nav-img').attr('src', user.user_pic).show();
    $('.text-avatar').hide();
  } else {
    // 文字头像
    const firstName = username[0].toUpperCase();
    $('.text-avatar').html(firstName).show();
    $('.layui-nav-img').hide();
  }
}
